Principios de diseño en visualización

IIC2026 2020-2

Principios de expresividad

Principios de diseño en visualización

IIC2026 2020-2

Principios de diseño en visualización

Principios de diseño en visualización


Consejos o guías que provienen del conocimiento práctico colectivo en Visualización de Información.

Principio de expresividad


Una codificación visual utilizada debe expresar toda, y solamente, la información del atributo objetivo.


Canales de identidad ↔️ Atributos categóricos

Canales de magnitud ↔️ Atributos ordenados

Data-ink ratio


Lie factor


Por Edward Tufte

Data-ink ratio


\[ data\_ink\_ratio = \frac{data\_ink}{total\_ink} \]

Razón del uso de pixeles en una visualización.

Data-ink ratio


\[ data\_ink\_ratio = \frac{data\_ink}{total\_ink} \longrightarrow 1 \]

Justificar la mayor cantidad de pixeles usados.

Data-ink ratio


(Fuente imagen: enlace)

Data-ink ratio


(Fuente imagen: enlace)

Data-ink ratio


A B C D E F G H I 15% 10% 05%

Data-ink ratio


A B C D E F G H I 15% 10% 05%

Data-ink ratio


A B C D E F G H I 15% 10% 05%

Data-ink ratio


A B C D E F G H I 15% 10% 05%

Lie factor


\[ lie \ factor = \frac{efecto \ de \ magnitud \ en \ vis}{efecto \ de \ magnitud \ en \ datos} \]

Razón entre efectos de magnitud entre vis y datos.

Lie factor


\[ lie \ factor = \frac{efecto \ de \ magnitud \ en \ vis}{efecto \ de \ magnitud \ en \ datos} \longrightarrow 1\]

Magnitud en vis es fiel a magnitud en datos.

Lie factor


10 20 30

Lie factor


10 20 30

Lie factor


(Fuente imagen: Eurofund report)

Principios de expresividad

Principios de diseño en visualización

IIC2026 2020-2


¡Deja tus preguntas en los comentarios!